<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Presentation with S5</title>
<meta name="defaultView" content="slideshow" />
<meta name="controlVis" content="hidden" />
<link rel="stylesheet" href="ui/default/slides.css" type="text/css" media="projection" id="slideProj" />
<link rel="stylesheet" href="ui/default/outline.css" type="text/css" media="screen" id="outlineStyle" />
<link rel="stylesheet" href="ui/default/print.css" type="text/css" media="print" id="slidePrint" />
<link rel="stylesheet" href="ui/default/opera.css" type="text/css" media="projection" id="operaFix" />

<script src="ui/default/slides.js" type="text/javascript"></script>

<script type="text/javascript" src="chili/jquery.min.js"></script>
<script type="text/javaScript" src="chili/jquery.chili-2.2.js"></script> 
<script type="text/javascript">ChiliBook.recipeFolder = "chili/";</script>  

</head>
<body>

<div class="layout">
<div id="controls"><!-- DO NOT EDIT --></div>
<div id="currentSlide"><!-- DO NOT EDIT --></div>
<div id="darkblue"></div><div id="lightblue"></div>
<div id="header"></div>
<div id="footer">

<h1>Qt Labs Graphics Dojo</h1>
<h2>Presentation with S5</h2>
</div>

</div>


<div class="presentation">

    <div class="slide">
    <h1>Presentation with S5</h1>
    <h3>Ariya Hidayat</h3>
    <h4>Qt Labs, Graphics Dojo</h4>
    <p style="margin-top: 40px">
    </div>

    <div class="slide">
    <h1>What is S5?</h1>
    <ul class="incremental">
        <li>S5: A Simple Standards-Based Slide Show System</li>
        <li>Created by Eric Meyer</li>
        <li>Works in modern web browsers</li>
    </ul>
    </div>

    <div class="slide">
    <h1>s5runner</h1>
    <ul class="incremental">
        <li>using QtWebKit to run the slides</li>
        <li>adding a few more extra features</li>
    </ul>
    </div>

    <div class="slide">
    <h1>Slide Navigation</h1>
    <p>Press left arrow to go back.</p>
    <p>Press right arrow to go forward.</p>
    </div>

    <div class="slide">
    <h1>Countdown Timer</h1>
    <p class="incremental">Look at the bottom right corner!</p>
    </div>

    <div class="slide">
    <h1>Bullet List with Effects</h1>
    <ul class="incremental">
        <li>A subtitle</li>
        <ul>
            <li>moving from one</li>
            <li>to another</li>
            <li>and so on</li>
        </ul>
        <li>Another subtitle</li>
        <ul>
            <li>eins</li>
            <li>zwei</li>
            <li>drei</li>
        </ul>
    </ul>
    </div>

    <div class="slide">
    <h1>Inline Image</h1>
    <img src="digiflip_x11.png">
    <p class="incremental">Afterall, this is just HTML.</p>
    </div>

    <div class="slide">
    <h1>In-place Editing</h1>
    <p class="incremental">F3 to start editing, Esc to resume.</p>
    <p class="incremental">The quick brown fox jumps over the lazy dog.</p>
    </div>

    <div class="slide">
    <h1>Blank the Screen</h1>
    <p class="incremental">Press B for black</p>
    <p class="incremental">Press W for white</p>
    </div>

    <div class="slide">
    <h1>Full-screen Mode</h1>
    <p class="incremental">Press F to toggle full-screen mode.</p>
    </div>

    <div class="slide">
    <h1>Night-mode</h1>
    <p class="incremental">Press N to toggle night-mode.</p>
    </div>

    <div class="slide">
    <h1>Source Code</h1>
    <p>Using Chili for syntax highlighting.</p>
    <pre style="border: 1px solid gray"><code class="cplusplus">
    #include &lt;iostream&gt;

    int main(int argc, char **argv)
    {
      std::cout &lt;&lt; &quot;Hello, S5&quot;;
      return 0;
    }
    </code></pre>
    </div>


    <div class="slide">
    <h1 class="appear"> </h1>
    <p style="padding-top: 100px;"><b>That's all, folks!</b></p>
    </div>


</div>

</body>
</html>
